import styled from 'styled-components'

export const LtModelWrapper = styled.div`
  .mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .mode_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 999;
    align-items: center;
    justify-content: center;
  }
  .mode-enter {
    opacity: 0;
  }
  .mode-enter-active {
    opacity: 1;
    transition: opacity 0.1s ease-in;
  }
  .mode-exit {
    opacity: 1;
  }
  .mode-exit-active {
    opacity: 0;
    transition: opacity 0.1s ease-in;
  }
`
